<!doctype html>
<html lang="en" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head th:replace="public/head :: head('预览:' + ${article.title})"></head>
<body class="">
<div class="page">
	<div class="flex-fill">
		<!--响应式顶部菜单-->
		<div th:replace="public/topbar :: flexTopbar(0)"></div>
		<div class="my-3 my-md-5">
			<div class="container">
				<div class="row mb-3">
					<!--侧边菜单-->
					<div th:replace="public/sidebar :: sidebar"></div>
					<div class="col-lg-9">
						<!--顶部菜单-->
						<div th:replace="public/topbar :: topbar(0)"></div>
						<div class="card">
							<div class="card-body">
								<h2 th:text="${article.title}"></h2>
								<small>发表于[[${#dates.format(article.updateTime, 'yyyy-MM-dd HH:mm:ss')}]]</small>
								<span class="badge bg-blue" th:each="tag : ${article.tag}" th:text="${}" style="margin: 0 0.1rem;">Spring Cloud </span>
							</div>
							<div class="card-body d-flex flex-column">
								<div class="markdown" th:utext="${article.html}">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:replace="public/footer :: footer"></div>
</div>
</body>
</html>
